<template>
  <div>
    <div class="home-die">
      <div
        class="home-nav"
        style="background:url('http://www.zhaoshengku.net/wx-%E8%83%8C%E6%99%AF.png') no-repeat; background-size: 100%;background-position: center center;"
      >
        <ul>
          <li>
            <img src="http://www.zhaoshengku.net/wx-logo.png" alt />
          </li>
          <li v-if="!loginIsshow" class="loginlitwo">
            <div class="loainggss">
              <a href @click="login">
                <img src="http://www.zhaoshengku.net/wx-%E7%99%BB%E5%BD%95.png" alt />
              </a>
            </div>
            <a href>
              <div
                @click="logins"
                style="background:url('http://www.zhaoshengku.net/wx-%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%201.png') no-repeat; background-size:187.2rpx 90rpx; background-position:center center;"
              >
                <span>免费注册</span>
              </div>
            </a>
          </li>
          <li v-else class="headerli">
            <div>
              <img :src="myheaderSrc" alt class="headerimg" mode="aspectFill" />
              <img
                src="https://www.zhaoshengku.net/v.png"
                alt
                v-if="myuser.info_type==4"
                class="v_imgsrc"
              />
            </div>
          </li>
        </ul>
        <div>
          <div>招生库平台，让家长放心的招生平台</div>
        </div>
        <ul>
          <li
            v-for="(i,n) in lilist"
            :key="n"
            :class="i.isshow?'lione':'litwo'"
            @click="liserch(i,n)"
          >{{i.name}}</li>
        </ul>
        <div style="background:  rgba(255,255,255,0.4)">
          <input
            type="text"
            placeholder-class="placeholder"
            :placeholder="placeholderinpvalue"
            :value="searvhIvalue"
            @input="inputValue"
            @focus="placeholderinpvalue = ' '"
            @blur="isshowvfs==0?placeholderinpvalue='请输入教育机构名称':placeholderinpvalue= '请输入招生工作者名称'"
          />
          <span @click="bindconfirm"></span>
        </div>
        <div class="home_list" v-if="searisshow">
          <ul>
            <li
              v-for="(item,index) in searList"
              :key="index"
              @click="navgetoMy(item)"
            >{{item.info_nick}}</li>
          </ul>
        </div>
      </div>
      <div class="home-hope">
        <div>愿景和目标</div>
        <div>
          <scroll-view scroll-x="true" style="white-space: nowrap;" class="scroll">
            <div
              style="background:url('https://www.zhaoshengku.net/Enrolmentimg.png') no-repeat; background-size:100% 100%; background-position:center center"
              class="home-hope-divone"
            >
              <div class="home-hope-divotwo">成为一家团队协作、产品驱动、用户为主的创造性企业</div>
            </div>
            <div
              style="background:url('https://www.zhaoshengku.net/Teacherimg.png') no-repeat; background-size:100% 100%; background-position:center center;"
              class="home-hope-divone"
            >
              <div class="home-hope-divotwo">让每一位招生工作者拥有一个属于自己的招生网站</div>
            </div>
            <div
              style="background:url('https://www.zhaoshengku.net/educationalimg.png') no-repeat; background-size:100% 100%; background-position:center center;"
              class="home-hope-divone"
            >
              <div class="home-hope-divotwo home-hope-divotwos">让每一家教育机构拥有专业的招生合作伙伴</div>
            </div>
          </scroll-view>
        </div>
      </div>
      <div class="swiper-container home-ruzhu">
        <div>招生工作者与教育机构入驻</div>
        <div>
          <swiper
            class="swiper"
            :autoplay="autoplay"
            interval="3000"
            duration="500"
            circular="true"
            previous-margin="188rpx"
            next-margin="110rpx"
            @change="getCurrent"
          >
            <swiper-item class="swiper-slide" @click="deterwhe">
              <div>
                <img
                  src="https://www.zhaoshengku.net/zsgzzbgindex.jpg"
                  alt
                  :class="homeRuzhuLunboDate==0?'homeRuzhuLunboClassone':''"
                />
                <div
                  :class="homeRuzhuLunboDate==0?'valie_dic_class valie_dic_classone':'valie_dic_classone'"
                >招生工作者</div>
              </div>
            </swiper-item>
            <swiper-item class="swiper-slide" @click="deterwhe">
              <div>
                <img
                  src="https://www.zhaoshengku.net/xsjzbgindex.jpg"
                  alt
                  :class="homeRuzhuLunboDate==1?'homeRuzhuLunboClasstwo':''"
                />
                <div
                  :class="homeRuzhuLunboDate==1?'valie_dic_class valie_dic_classtwo':'valie_dic_classtwo'"
                >学生家长</div>
              </div>
            </swiper-item>
            <swiper-item class="swiper-slide" @click="deterwhe">
              <div>
                <img
                  src="https://www.zhaoshengku.net/jyjgbgindex.jpg"
                  alt
                  :class="homeRuzhuLunboDate==2?'homeRuzhuLunboClassstr':''"
                />
                <div
                  :class="homeRuzhuLunboDate==2?'valie_dic_class valie_dic_classstr':'valie_dic_classstr'"
                >教育机构</div>
              </div>
            </swiper-item>
          </swiper>
        </div>
      </div>
      <div class="home-zuixin" id="home_zui">
        <div>
          <span>最新动态</span>
        </div>
        <div>
          <div class="home-zuixin-con" v-if="!newdongisshow || dongtaiPageArr.length>0">
            <div v-for="(item,index) in dongtaiPageArr" :key="index">
              <ul>
                <li @click="clickto(item.tractate_member_id)" class="li_one_home-zuixin-con">
                  <img
                    :src="item.info_avatar?item.info_avatar:'http://www.zhaoshengku.net/wx-%E6%A4%AD%E5%9C%86%201.png'"
                    alt
                    mode="aspectFill"
                  />
                  <div>{{item.info_nick}}</div>
                  <img
                    src="https://www.zhaoshengku.net/v.png"
                    alt
                    class="v_imgsrc"
                    v-if="item.info_type==4"
                  />
                </li>
              </ul>
              <div>
                <div>{{item.tractate_content}}</div>
                <div>
                  <div v-for="(itemImg,indexs) in item.tractate_img_min" :key="indexs">
                    <img
                      :src="itemImg"
                      alt
                      mode="aspectFill"
                      @click="topic_preview(index,indexs)"
                      style="object-fit: cover;"
                    />
                  </div>
                </div>
              </div>
              <ul>
                <li>{{item.tractate_add_time}}</li>
                <li @click="pinglValueme(item.tractate_id,index)" class="pinDian">
                  <img
                    src="http://www.zhaoshengku.net/wx-%E4%BF%A1%E6%81%AF%20%E6%8B%B7%E8%B4%9D%206.png"
                    alt
                  />
                  <span>{{item.tractate_comment_num}}</span>
                </li>
                <li class="pinDian" @click="dianZanclick(item.tractate_id,index)">
                  <img
                    :src="!item.my_comment_num  ||  item.my_comment_num==0?'https://www.zhaoshengku.net/bianzujjjlik.png':'https://www.zhaoshengku.net/likelanwoxihuan.png'"
                    alt
                  />
                  <span>{{item.tractate_like}}</span>
                </li>
              </ul>
              <div class="span_input_p" v-if="itemTractate_comment_numInput==index">
                <input
                  type="text"
                  class="input_p"
                  :value="pinglunIvalue"
                  @input="pinglunIvalueclick"
                  :placeholder="placeholderplv"
                  @focus="placeholderplv=' '"
                  @blur="placeholderplv='请输入评价内容'"
                />
                <span class="span_p" @click="fabupL(item.tractate_id,index)">发布</span>
              </div>
              <div v-if="itemTractate_comment_num==index" class="huifydiv">
                <div
                  class="home-zuixin-contwo"
                  v-for="(itemNum,indexNum) in pinglunArr"
                  :key="indexNum"
                >
                  <ul>
                    <li>
                      <img
                        :src="itemNum.info_avatar?itemNum.info_avatar:'http://www.zhaoshengku.net/wx-%E6%A4%AD%E5%9C%86%201.png'"
                        alt
                        mode="aspectFill"
                      />
                      <div>{{itemNum.info_nick}}</div>
                    </li>
                    <li></li>
                  </ul>
                  <div>
                    <div>{{itemNum.comment_msg}}</div>
                  </div>
                  <ul>
                    <li>{{itemNum.comment_time}}</li>
                    <li @click="dianZanclickss(itemNum.comment_id,indexNum)">
                      <img
                        :src="!itemNum.my_comment_num  ||  itemNum.my_comment_num==0?'https://www.zhaoshengku.net/bianzujjjlik.png':'https://www.zhaoshengku.net/likelanwoxihuan.png'"
                        alt
                      />
                      <span>{{itemNum.laudCount}}</span>
                    </li>
                  </ul>
                </div>
                <div class="alangto" @click="gengs(item.tractate_id,index)" v-if="alaisshow">查看更多</div>
              </div>
            </div>
          </div>
          <!-- <div v-else class="none_div">暂时没有最新动态！</div> -->
          <div v-if="dongtaiPageArr.length==0" class="nono_div">
            <img src="https://www.zhaoshengku.net/bdfcedaebcbee.jpg" alt />
            暂时没有最新动态！
          </div>
        </div>
      </div>
      <div class="guoqi_time" v-if="endishow" @click="xufei_click">免费试用截止到{{end_time}}过期，立即续费</div>
      <div class="hei_dibkuai" @click="delehuan"></div>
      <div class="dianjizhiding" v-if="isfixed" @click="goTop">
        <img src="https://www.zhaoshengku.net/dianjizhiding.png" alt />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      homeRuzhuLunboDate: 0,
      autoplay: true,
      times: "",
      dongtaiPageArr: [],
      pagenum: 1,
      pagesize: 5,
      pinglunArr: [],
      itemTractate_comment_num: -1,
      liserve: 0,
      lilist: [
        {
          name: "教育机构",
          isshow: true
        },
        {
          name: "招生工作者",
          isshow: false
        }
      ],
      typesearch: 20,
      searvhIvalue: "",
      searList: {},
      itemTractate_comment_numInput: -1,
      pinglunIvalue: "",
      headerCode: "",
      lastPagenum: -1,
      loginIsshow: false,
      myheaderSrc: "",
      myinfo_nick: "",
      searisshow: false,
      id: -1,
      end_time: "",
      endishow: false,
      newdongisshow: false,
      huifupagenum: 1,
      alaisshow: false,
      gundongdaodiisshow: true,
      imgfor: false,
      placeholderinpvalue: "请输入教育机构名称",
      myuser: {},
      isshowvfs: 0,
      placeholderplv: "请输入评价内容",
      fixedTop: 0,
      screenHeight: 0,
      isfixed: false
    };
  },
  methods: {
    //  获取评论内容
    pinglValueme(e, ind) {
      this.huifupagenum = 1;
      wx.showToast({
        title: "正在加载中",
        icon: "loading",
        duration: 5000,
        mask: true
      });
      var _this = this;
      console.log(this.$store.state.myxinxi.info_phone);
      wx.request({
        url: "https://api.zhaoshengku.net/api/data/getcomment",
        method: "post",
        header: {
          Authorization: _this.headerCode
        },
        data: {
          pagenum: this.huifupagenum,
          pagesize: 5,
          comment_type: 2,
          comment_fromid: e
        },
        success: res => {
          if (res.data.code == 200) {
            wx.hideToast();
            if (res.data.data.last_page > 1) {
              this.alaisshow = true;
            } else {
              this.alaisshow = false;
            }
            _this.itemTractate_comment_numInput = ind;
            _this.pinglunArr = res.data.data.data;
            if (res.data.data.data.length > 0) {
              _this.itemTractate_comment_num = ind;
              _this.pinglunArr.forEach(res => {
                res.comment_time = res.comment_time.substring(0, 10);
              });
            }
          } else {
            wx.hideToast();
            wx.showToast({
              title: res.data.msg,
              icon: "none",
              duration: 1500,
              mask: true
            });
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    gundongdaodi() {
      var _this = this;
      if (!this.gundongdaodiisshow) {
        return;
      }
      _this.pagenum++;
      if (_this.pagenum >= _this.lastPagenum + 1) {
        _this.pagenum = _this.lastPagenum + 1;
      }
      wx.showToast({
        title: "正在加载中",
        icon: "loading",
        duration: 5000,
        mask: true
      });
      wx.request({
        url: "https://api.zhaoshengku.net/api/data/gettractate",
        method: "POST",
        header: {
          "X-Requested-With": "xmlhttprequest",
          Authorization: _this.headerCode
        },
        data: {
          pagenum: _this.pagenum,
          pagesize: _this.pagesize,
          info_subdomain: this.$store.state.myxinxi.info_subdomain
        },
        success: res => {
          if (res.data.data.data.length == 0) {
            this.gundongdaodiisshow = false;
            wx.showToast({
              title: "没有更多内容了",
              icon: "none",
              duration: 500,
              mask: true
            });
            return;
          }
          for (var k = 0; k < res.data.data.data.length; k++) {
            _this.dongtaiPageArr = _this.dongtaiPageArr.concat(
              res.data.data.data[k]
            );
          }
          for (var i = 0; i < _this.dongtaiPageArr.length; i++) {
            _this.dongtaiPageArr[i].tractate_add_time = _this.dongtaiPageArr[
              i
            ].tractate_add_time.substring(0, 11);
          }
          wx.hideToast();
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    pinglunIvalueclick(e) {
      this.pinglunIvalue = e.mp.detail.value;
    },
    getCurrent(e) {
      this.homeRuzhuLunboDate = e.mp.detail.current;
    },
    login() {
      wx.navigateTo({
        url: "/pages/loginRegister/main?id=0"
      });
    },
    logins() {
      wx.navigateTo({
        url: "/pages/loginRegister/main?id=1"
      });
    },
    liserch(e, n) {
      this.isshowvfs = n;
      var _this = this;
      this.searvhIvalue = "";
      _this.lilist.forEach(item => {
        item.isshow = false;
      });
      e.isshow = true;
      if (n == 0) {
        _this.typesearch = 20;
        _this.placeholderinpvalue = "请输入教育机构名称";
      } else {
        _this.typesearch = 10;
        _this.placeholderinpvalue = "请输入招生工作者名称";
      }
      _this.searList = [];
    },
    // 搜索
    bindconfirm() {
      var _this = this;
      if (_this.searvhIvalue == "") {
        wx.showToast({
          title: "搜索内容不能为空",
          icon: "none",
          duration: 2000
        });
        return;
      }
      wx.showToast({
        title: "",
        icon: "loading",
        duration: 2000
      });

      wx.request({
        url: "https://api.zhaoshengku.net/api/data/search",
        method: "post",
        data: {
          type: _this.typesearch,
          value: _this.searvhIvalue
        },
        success: res => {
          if (res.data.code == 200) {
            wx.hideToast();
            if (res.data.data.data.length == 0) {
              wx.showToast({
                title: "没有搜索到对应的机构或招生老师",
                icon: "none",
                duration: 2000
              });
            } else {
              var data = JSON.stringify(res.data.data.data);
              var urls;
              if (this.isshowvfs == 0) {
                urls = "educational";
              } else {
                urls = "EnrolmentTeacher";
              }
              wx.reLaunch({
                url:
                  "/pages/" +
                  urls +
                  "/main?data=" +
                  data +
                  "&value=" +
                  _this.searvhIvalue
              });
              // _this.searList = res.data.data.data
              // _this.searisshow = true;
            }
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    // 搜索结果点击跳个人主页
    navgetoMy(e) {
      if (this.typesearch == 20) {
        wx.navigateTo({
          url:
            "/pages/myhomeEducat/main?id=" +
            e.info_member_id +
            "&expor=0&name=" +
            e.info_subdomain
        });
      } else {
        wx.navigateTo({
          url:
            "/pages/myhome/main?id=" +
            e.info_member_id +
            "&expor=0&name=" +
            e.info_subdomain
        });
      }
    },
    // 发布评论
    fabupL(id, ind) {
      var _this = this;
      if (_this.pinglunIvalue == "") {
        wx.showToast({
          title: "您还未输入评价内容",
          icon: "none",
          duration: 1000,
          mask: true
        });
        return;
      }
      wx.request({
        url: "https://api.zhaoshengku.net/index/comment/setComment",
        method: "post",
        data: {
          oper_type: "add",
          comment_type: 2,
          comment_msg: _this.pinglunIvalue,
          comment_upid: 0,
          comment_fromid: id
        },
        header: {
          Authorization: _this.headerCode
        },
        success: res => {
          if (res.data.code == 200) {
            wx.showToast({
              title: "评论成功",
              icon: "true",
              duration: 1000,
              mask: true
            });
            _this.itemTractate_comment_numInput = -1;
            _this.itemTractate_comment_num = ind;
            var value = _this.pinglunIvalue;
            _this.pinglunIvalue = "";
            var util = require("../../utils/index.js");
            _this.dongtaiPageArr[ind].tractate_comment_num =
              _this.dongtaiPageArr[ind].tractate_comment_num + 1;
            if (_this.pinglunArr.length == 5) {
              return;
            }
            _this.pinglunArr.push({
              info_avatar: _this.myheaderSrc,
              info_nick: _this.myinfo_nick,
              laudCount: 0,
              comment_msg: value,
              comment_time: util.formatDate(new Date())
            });
          } else if (res.data.code == 401 || res.data.code == 99) {
            _this.pinglunIvalue = "";
            wx.showToast({
              title: "未登录",
              icon: "none",
              duration: 1000
            });
            setTimeout(function() {
              wx.navigateTo({
                url: "/pages/loginRegister/main"
              });
            }, 1000);
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    times() {
      var util = require("../../utils/index.js");
      return util.formatDate(new Date());
    },
    // 点赞
    dianZanclick(id, e, xm) {
      var _this = this;
      wx.request({
        url: "https://api.zhaoshengku.net/index/article/liketractate",
        method: "post",
        data: {
          id: id
        },
        header: {
          Authorization: _this.headerCode
        },
        success: res => {
          if (res.data.code == 201) {
            wx.showToast({
              title: "点赞成功",
              icon: "true",
              duration: 1000,
              mask: true
            });
            _this.dongtaiPageArr[e].tractate_like =
              _this.dongtaiPageArr[e].tractate_like + 1;
            _this.dongtaiPageArr[e].my_comment_num = 1;
          } else if (res.data.code == 200) {
            _this.dongtaiPageArr[e].tractate_like =
              _this.dongtaiPageArr[e].tractate_like - 1;
            _this.dongtaiPageArr[e].my_comment_num = 0;
          } else if (res.data.code == 401) {
            wx.showToast({
              title: "您还没有登录,不能进行此操作！",
              icon: "none",
              duration: 1000,
              mask: true
            });
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    // 点赞评论
    dianZanclickss(id, e) {
      var _this = this;
      if (id == undefined) {
        wx.showToast({
          title: "点赞成功",
          icon: "true",
          duration: 1000,
          mask: true
        });
        if (_this.pinglunArr[e].laudCount == 1) {
          _this.pinglunArr[e].laudCount = _this.pinglunArr[e].laudCount - 1;
          _this.pinglunArr[e].my_comment_num = 0;
        } else {
          _this.pinglunArr[e].laudCount = _this.pinglunArr[e].laudCount + 1;
          _this.pinglunArr[e].my_comment_num = 1;
        }

        return;
      }
      wx.request({
        url: "https://api.zhaoshengku.net/index/comment/setlaud",
        method: "post",
        data: {
          comment_id: id,
          oper_type: "add"
        },
        header: {
          Authorization: _this.headerCode
        },
        success: res => {
          if (res.data.code == 200) {
            _this.pinglunArr[e].laudCount = _this.pinglunArr[e].laudCount - 1;
            _this.pinglunArr[e].my_comment_num = 0;
          } else if (res.data.code == 201) {
            wx.showToast({
              title: "点赞成功",
              icon: "true",
              duration: 1000,
              mask: true
            });
            _this.pinglunArr[e].laudCount = _this.pinglunArr[e].laudCount + 1;
            _this.pinglunArr[e].my_comment_num = 1;
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    // 发布动态
    fDongt() {
      wx.navigateTo({
        url: "/pages/releaseDynamics/main?from=0"
      });
    },
    // 判断用户是否登录
    deterwhe() {
      var _this = this;
      wx.request({
        url: "https://api.zhaoshengku.net/index/login/verifytoken",
        method: "post",
        header: {
          Authorization: _this.headerCode
        },
        success: res => {
          if (res.data.code == 200) {
            return;
          } else if (res.data.code == 40003) {
            wx.showToast({
              title: "访问过于频繁,请稍后重试",
              icon: "none",
              duration: 1000,
              mask: true
            });
            return;
          } else {
            wx.navigateTo({
              url: "/pages/loginRegister/main"
            });
          }
        }
      });
    },
    // 点击动态跳主页
    clickto(id) {
      wx.request({
        url: "https://api.zhaoshengku.net/api/data/getinfo",
        method: "post",
        data: {
          id: id
        },
        header: {
          Authorization: this.headerCode
        },
        success: res => {
          let url;
          if (res.data.code == 200) {
            if (res.data.data.info_type == 5) {
              url = "myhome";
            } else if (res.data.data.info_type == 4) {
              url = "myhomeEducat";
            }
            wx.navigateTo({
              url:
                "/pages/" +
                url +
                "/main?id=" +
                id +
                "&expor=0&name=" +
                res.data.data.info_subdomain
            });
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    // 点击图片放大
    topic_preview(e, index) {
      var _this = this;
      _this.imgfor = true;
      var url = _this.dongtaiPageArr[e].tractate_img[index];
      var urls = _this.dongtaiPageArr[e].tractate_img;
      wx.previewImage({
        current: url, // 当前显示图片的http链接
        urls: urls // 需要预览的图片http链接列表
      });
    },
    // 双向数据绑定
    inputValue(e) {
      this.searvhIvalue = e.mp.detail.value;
      if (e.mp.detail.value == "") {
        this.searisshow = false;
      }
    },
    // 续费
    xufei_click() {
      wx.navigateTo({
        url:
          "/pages/WebmasterApplication/main?inf_type=" +
          this.$store.state.myxinxi.info_type
      });
    },
    // 关闭续费通道
    delehuan() {
      this.endishow = false;
    },
    onShows() {
      var _this = this;

      if (_this.imgfor) {
        _this.imgfor = false;
        return;
      }
      this.pinglunArr = [];
      _this.pagenum = 1;
      // 获取banner图
      _this.itemTractate_comment_numInput = -1;
      _this.itemTractate_comment_num = -1;
      this.pagenum = 1;
      _this.gundongdaodiisshow = true;

      wx.request({
        url: "https://api.zhaoshengku.net/api/data/getBanner",
        method: "POST",
        success: res => {},
        fail: res => {
          console.log(res);
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
      // 获取网络状态
      // wx.getNetworkType({
      //   success: res => {
      //     console.log(res);
      //   }
      // });

      // 获取token
      wx.getStorage({
        key: "koken",
        success: res => {
          if (res.data) {
            _this.headerCode = "Bearer " + res.data;
            //  验证token
            wx.request({
              url: "https://api.zhaoshengku.net/index/login/verifytoken",
              method: "post",
              header: {
                Authorization: _this.headerCode
              },
              success: res => {
                if (res.data.code == 200) {
                  _this.loginIsshow = true;
                  // 获取自己的信息
                  wx.request({
                    url: "https://api.zhaoshengku.net/index/member/getinfo",
                    method: "post",
                    header: {
                      Authorization: _this.headerCode
                    },
                    success: res => {
                      if (res.data.code == 200) {
                        _this.myheaderSrc = res.data.data.info_avatar;
                        _this.myinfo_nick = res.data.data.info_nick;
                        _this.id = _this.myinfo_nick.info_member_id;
                        _this.$store.state.myxinxi = res.data.data;
                        _this.$store.state.myxinxi = res.data.data;
                        _this.myuser = res.data.data;
                        if (res.data.data.end_time == null) {
                          this.endishow = false;
                        } else {
                          _this.end_time = res.data.data.end_time.substring(
                            0,
                            10
                          );
                          if (res.data.data.isflg == 0) {
                            this.endishow = true;
                          } else {
                            this.endishow = false;
                          }
                        }
                      }
                    },
                    fail: res => {
                      if (res.errMsg) {
                        wx.showToast({
                          title: "请检查网络连接！",
                          icon: "none",
                          duration: 1500
                        });
                      }
                    }
                  });
                } else if (res.data.code == 40003) {
                  wx.showToast({
                    title: "访问过于频繁请稍后重试！",
                    icon: "none",
                    duration: 2500
                  });
                  wx.reLaunch({
                    url: "/pages/Frequentvisits/main"
                  });
                } else {
                  _this.loginIsshow = false;
                  this.endishow = false;
                }
              },
              fail: res => {
                if (res.errMsg) {
                  wx.showToast({
                    title: "请检查网络连接！",
                    icon: "none",
                    duration: 1500
                  });
                }
              }
            });
          } else {
            _this.loginIsshow = false;
          }
        }
      });
      // var info_subdomain
      //  获取最新动态
      // if(this.$store.state.myxinxi.info_subdomain){
      //   info_subdomain =
      // }
      setTimeout(() => {
        wx.request({
          url: "https://api.zhaoshengku.net/api/data/gettractate",
          method: "POST",
          header: {
            "X-Requested-With": "xmlhttprequest",
            Authorization: _this.headerCode
          },
          data: {
            pagenum: _this.pagenum,
            pagesize: _this.pagesize,
            info_subdomain: this.$store.state.myxinxi.info_phone
          },
          success: res => {
            if (res.data.code == 200) {
              wx.stopPullDownRefresh();
              if (res.data.data.data.length == 0) {
                this.newdongisshow = true;
              } else {
                this.newdongisshow = false;
                _this.lastPagenum = res.data.data.last_page;
                _this.dongtaiPageArr = res.data.data.data;
                for (var i = 0; i < _this.dongtaiPageArr.length; i++) {
                  _this.dongtaiPageArr[
                    i
                  ].tractate_add_time = _this.dongtaiPageArr[
                    i
                  ].tractate_add_time.substring(0, 11);
                }
              }
            }
          },
          fail: res => {
            if (res.errMsg) {
              wx.showToast({
                title: "请检查网络连接！",
                icon: "none",
                duration: 1500
              });
            }
          }
        });
      }, 1500);
      let query = wx.createSelectorQuery();
      query
        .select("#home_zui")
        .boundingClientRect(res => {
          //获取元素1距离页面顶部高度
          this.fixedTop = res.top;
        })
        .exec();
      wx.getSystemInfo({
        //获取屏幕高度
        success: res => {
          this.screenHeight = res.screenHeight;
        }
      });
    },
    gengs(e) {
      this.huifupagenum += 1;
      wx.showToast({
        title: "正在加载中",
        icon: "loading",
        duration: 5000,
        mask: true
      });
      var _this = this;
      wx.request({
        url: "https://api.zhaoshengku.net/api/data/getcomment",
        method: "post",
        header: {
          Authorization: _this.headerCode
        },
        data: {
          pagenum: this.huifupagenum,
          pagesize: 5,
          comment_type: 2,
          comment_fromid: e
        },
        success: res => {
          if (res.data.code == 200) {
            wx.hideToast();
            if (this.huifupagenum == res.data.data.last_page) {
              this.alaisshow = false;
            } else {
              this.alaisshow = true;
            }
            _this.pinglunArr = _this.pinglunArr.concat(res.data.data.data);
            if (res.data.data.data.length > 0) {
              _this.pinglunArr.forEach(res => {
                res.comment_time = res.comment_time.substring(0, 10);
              });
            }
          } else {
            wx.hideToast();
            wx.showToast({
              title: res.data.msg,
              icon: "none",
              duration: 1500,
              mask: true
            });
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    },
    goTop(){
      wx.pageScrollTo({
        scrollTop: 0,
        duration: 300
      });
    }
  },
  mounted() {
    // 设置头
    wx.setNavigationBarTitle({
      title: "首页"
    });
  },
  onShow() {
    this.onShows();
  },
  onHide() {
    this.searisshow = false;
    this.searvhIvalue = "";
  },
  onUnload() {
    this.searisshow = false;
    this.searvhIvalue = "";
  },
  onLoad(option) {
    wx.onNetworkStatusChange(function(res) {});
    var _this = this;
    _this.pagenum = 1;
    if (option.for) {
      wx.request({
        url: "https://api.zhaoshengku.net/api/data/gettractate",
        method: "POST",
        header: {
          "X-Requested-With": "xmlhttprequest",
          Authorization: _this.headerCode
        },
        data: {
          pagenum: 1,
          pagesize: _this.pagesize
        },
        success: res => {
          if (res.data.code == 200) {
            _this.lastPagenum = res.data.data.last_page;
            _this.dongtaiPageArr = res.data.data.data;
            for (var i = 0; i < _this.dongtaiPageArr.length; i++) {
              _this.dongtaiPageArr[i].tractate_add_time = _this.dongtaiPageArr[
                i
              ].tractate_add_time.substring(0, 10);
            }
          }
        },
        fail: res => {
          if (res.errMsg) {
            wx.showToast({
              title: "请检查网络连接！",
              icon: "none",
              duration: 1500
            });
          }
        }
      });
    }
  },
  onPullDownRefresh() {
    this.onShows();
  },
  onReachBottom() {
    this.gundongdaodi();
  },
  // 监听页面滚动
  onPageScroll(e) {
    let isfixed = false;
    if (parseInt(e.scrollTop) + parseInt(this.screenHeight) > this.fixedTop*2-50)
      isfixed = true;
    else isfixed = false;

    this.isfixed = isfixed;
  }
};
</script>

<style>
/* 发布模块 */
.div_o {
  width: 100%;
  height: 100rpx;
  color: #666;
  line-height: 100rpx;
  text-align: center;
}
.none_div {
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 25rpx;
  color: #666;
}
.home-fabu > ul {
  display: flex;
  font-size: 22rpx;
  font-weight: 400;
  color: rgba(34, 151, 212, 1);
  line-height: 30px;
  width: 590rpx;
  margin: 0 auto;
  height: 200rpx;
  margin-top: 125rpx;
}
.home-fabu > ul > li {
  width: 281rpx;
  height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  margin-right: 30rpx;
}
.home-fabu > ul > li:last-child {
  margin-right: 0rpx;
}
.swiper-slide > div > .valie_dic_classstr {
  color: #76a1ff;
}
.swiper-slide > div > .valie_dic_classtwo {
  color: #fed550;
}
.swiper-slide > div > .valie_dic_classone {
  color: #ff9d76;
}
/* 发布模块结束 */
/* 最新动态模块 */
.home-zuixin {
  background: #fff;
  margin-top: 10rpx;
  padding-left: 31rpx;
}
.home-zuixin > div:nth-child(1) {
  height: 80rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: 80rpx;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  padding-right: 20rpx;
}
.home-zuixin > div:nth-child(1) > .fabuDt {
  color: rgba(34, 151, 212, 1);
}
.home-zuixin-con > div > ul:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(1) img {
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(2) img {
  width: 101rpx;
  height: 43rpx;
}
.home-zuixin-con > div {
  margin-right: 28rpx;
  padding-bottom: 30rpx;
  border-bottom: 1px solid #eee;
}
.home-zuixin-con > div > ul {
  margin-top: 40rpx;
  width: 100%;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(1) {
  display: flex;
  align-items: center;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(1) div {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(0, 0, 0, 1);
  margin-left: 20rpx;
  margin-top: -5rpx;
  width: 500rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(2) {
  float: right;
  text-align: right;
}
.home-zuixin-con > div > div:nth-child(2) {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333;
  margin-left: 84rpx;
  margin-right: 30rpx;
  margin-top: 30rpx;
}
.home-zuixin-con > div > div:nth-child(2) > div:nth-child(2) img {
  width: 221rpx;

  height: 221rpx;
}
.home-zuixin-con > div > div:nth-child(2) > div:nth-child(2) {
  margin-top: 20rpx;
  display: flex;
  flex-wrap: wrap;
}
.home-zuixin-con > div > div:nth-child(2) > div:nth-child(2) > div {
  width: 221rpx;
  height: 221rpx;
  overflow: hidden;
  border-radius: 10rpx;
  margin-right: 10rpx;
  margin-bottom: 10px;
}
.home-zuixin-con > div > ul:nth-child(3) > li > img {
  width: 35rpx;
  height: 35rpx;
  margin-right: 6rpx;
}
.home-zuixin-con > div > ul:nth-child(3) > li {
  font-size: 24rpx;
  font-weight: bold;
  color: rgba(153, 153, 153, 1);
  margin-right: 18rpx;
}
.home-zuixin-con > div > ul:nth-child(3) > li:last-child {
  margin-right: 0;
}
.home-zuixin-con > div > ul:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-zuixin-con > div > .huifydiv {
  background: rgba(238, 238, 238, 1);
  border-radius: 10rpx;
  padding: 0 28rpx;
  margin-top: 50rpx;
  padding: 28rpx;
}
.home-zuixin-con > div > ul:nth-child(3) > .pinDian {
  display: flex;
  align-items: center;
}
.home-zuixin-contwo > ul:nth-child(1) {
  display: flex;
  align-items: center;
}
.home-zuixin-contwo > ul:nth-child(1) > li:nth-child(1) {
  display: flex;
  align-items: center;
  margin-right: 20rpx;
}
.home-zuixin-contwo > ul:nth-child(1) > li:nth-child(1) img {
  width: 49rpx;
  height: 49rpx;
  border-radius: 50%;
  margin-right: 15rpx;
}
.home-zuixin-contwo > ul:nth-child(1) > li:nth-child(1) div {
  font-size: 26rpx;
  font-weight: bold;
  color: rgba(34, 151, 212, 1);
  width: 500rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.home-zuixin-contwo > ul:nth-child(1) > li:nth-child(2) {
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(153, 153, 153, 1);
}
.home-zuixin-contwo > div:nth-child(2) {
  font-size: 26rpx;
  font-weight: bold;
  color: rgba(102, 102, 102, 1);
  margin-top: 28rpx;
  margin-left: 70rpx;
  margin-right: 30rpx;
  margin-bottom: 28rpx;
}
.home-zuixin-contwo > ul:nth-child(3) {
  font-size: 24rpx;
  font-weight: bold;
  color: rgba(153, 153, 153, 1);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.home-zuixin-contwo > ul:nth-child(3) > li > img {
  width: 24rpx;
  height: 26rpx;
  margin-right: 5rpx;
}
.home-zuixin-contwo > ul:nth-child(3) > li {
  margin-right: 10rpx;
}
.home-zuixin-contwo > ul:nth-child(3) > li:last-child {
  margin-right: 0;
}
.home-zuixin-contwo {
  padding: 30rpx 0;
  border-bottom: 1px solid #d3d3d3;
}
/* 最新动态模块结束 */
/* 老师或机构入驻模块 */
.swiper-slide {
  overflow: visible;
}

.swiper-slide > div > div {
  position: absolute;
  top: 0rpx;
  font-weight: bold;
  font-size: 30rpx;
  width: 315.4rpx;
  text-align: center;
}
.swiper-slide > div {
  position: relative;
}
.swiper {
  height: 580rpx;
  box-sizing: border-box;
}
.swiper-slide img {
  transform: translateY(100rpx);
  width: 315.4rpx;
  height: 358.8rpx;
}
.home-ruzhu {
  background: #fff;
  padding: 0 30rpx;
  position: relative;
}
.home-ruzhu > div:nth-child(1) {
  font-size: 32rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  height: 80rpx;
  line-height: 80rpx;
}
.home-ruzhu-die {
  width: 317rpx;
  height: 362rpx;
  box-sizing: border-box;
  padding: 15rpx 20rpx;
  position: relative;
  border-radius: 20rpx;
  transition: all 0.5s;
}
.home-ruzhu > div:nth-child(2) {
  margin-top: 50rpx;
}
.home-ruzhu-die > div > div > img {
  width: 108rpx;
  height: 108rpx;
}
.home-ruzhu-die > div > div > div {
  font-size: 22rpx;
  font-weight: bold;
  color: rgba(34, 151, 212, 1);
  margin-top: -18rpx;
}
.home-ruzhu-die > div:nth-child(2) {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  height: 256rpx;
  align-items: center;
}
.home-ruzhu-die > div > div {
  width: 40%;
  text-align: center;
}
.home-ruzhu-die > div:nth-child(3) {
  font-size: 24rpx;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 36px;
  width: 258rpx;
  height: 48rpx;
  line-height: 48rpx;
  text-align: center;
  background: rgba(34, 151, 212, 1);
  border-radius: 24px;
  margin: 0 auto;
  margin-top: 10rpx;
  margin-top: 25rpx;
  transition: all 0.5s;
}
.swiper-wrapper-div {
  display: flex;
  align-items: center;
  height: 562rpx;
  justify-content: space-between;
}
.home-ruzhu-die > div:nth-child(4) {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  border-radius: 20rpx;
}
.homeRuzhuLunboClassone {
  transform: scale(1.2) translateY(80rpx) !important;
  z-index: 2222222 !important;
  box-shadow: rgba(255, 144, 118, 0.5) 0rpx 8rpx 20rpx !important;
  border-radius: 13rpx;
}
.homeRuzhuLunboClasstwo {
  transform: scale(1.2) translateY(80rpx) !important;
  z-index: 2222222 !important;
  box-shadow: rgba(254, 213, 80, 0.5) 0rpx 8rpx 20rpx !important;
  border-radius: 13rpx;
}
.homeRuzhuLunboClassstr {
  transform: scale(1.2) translateY(80rpx) !important;
  z-index: 2222222 !important;
  box-shadow: rgba(118, 161, 255, 0.5) 0rpx 8rpx 20rpx !important;
  border-radius: 13rpx;
}
.swiper-slide {
  display: inline-block;
  margin-right: 30rpx;
}
.home-ruzhu-die > div:nth-child(1) {
  position: absolute;
  left: 0rpx;
  top: -35rpx;
  margin-top: -20rpx;
  width: 100%;
  text-align: center;
  font-size: 26rpx;
  font-weight: bold;
  color: rgba(34, 151, 212, 1);
  z-index: 22222;
}
/* 老师或机构入驻模块结束 */
/* 愿景和目标模块 */
.home-hope {
  padding: 0rpx 30rpx;
  box-sizing: border-box;
  margin-top: 10rpx;
  background: #fff;
  height: 282rpx;
  margin-bottom: 10rpx;
}
.home-hope > div:nth-child(1) {
  font-size: 32rpx;
  font-family: PingFang SC;
  height: 80rpx;
  line-height: 80rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}
.home-hope-divone {
  display: inline-block;
  width: 293rpx;
  height: 162rpx;
  border-radius: 10rpx;
  margin-right: 10rpx;
}
.home-hope-divotwo {
  box-sizing: border-box;
  width: 293rpx;
  height: 162rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border-radius: 10rpx;
  display: inline-block;
  padding: 20rpx;
  white-space: normal;
}
.home-hope > div:nth-child(2) > .scroll {
  display: flex;
}
.home-hope-divotwo {
  float: right;
}
.home-hope-divotwo:after {
  clear: both;
  display: block;
  content: "";
}
/* 愿景和目标模块结束 */
/* nav模块 */
.home-nav {
  width: 100%;
  height: 428rpx;
  padding-top: 35rpx;
  box-sizing: border-box;
  margin-bottom: 10rpx;
  position: relative;
}
.home-nav > ul:nth-child(1) {
  display: flex;
  justify-content: space-between;

  margin-left: 21rpx;
}
.home-nav > ul:nth-child(1) > li:nth-child(1) > img {
  width: 190rpx;
  height: 86rpx;
}
.home-nav > ul:nth-child(1) > .loginlitwo > div img {
  width: 129.6rpx;
  height: 90.8rpx;
}
.home-nav > ul:nth-child(1) > .loginlitwo > a {
  font-size: 24rpx;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  width: 187.2rpx;
  height: 90rpx;
  text-align: center;
  line-height: 90rpx;
  margin-left: 12rpx;
}
.home-nav > ul:nth-child(1) > .loginlitwo {
  display: flex;
  margin-right: 10rpx;
  margin-top: -5rpx;
}
.home-nav > div:nth-child(2) > div {
  font-size: 40rpx;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  width: 656rpx;
  height: 38rpx;
  line-height: 38rpx;
  margin: 0 auto;
}
.home-nav > div:nth-child(2) {
  width: 100%;
  margin-top: 40rpx;
}
.home-nav > ul:nth-child(3) {
  display: flex;
}
.home-nav > ul:nth-child(3) li {
  font-size: 20rpx;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.lione {
  width: 176rpx;
  height: 67rpx;
  padding-top: 20rpx;
  line-height: 30rpx;
  background: url("http://www.zhaoshengku.net/wx-zjyjg.png") no-repeat;
  background-size: 176rpx 67rpx;
  background-position: center center;
}
.litwo {
  width: 163rpx;
  height: 41rpx;
  line-height: 41rpx;
  margin-top: 14rpx;
  background: url("http://www.zhaoshengku.net/wx-%E5%A4%9A%E8%BE%B9%E5%BD%A2%201%20%E6%8B%B7%E8%B4%9D.png")
    no-repeat;
  background-size: 163rpx 41rpx;
  background-position: center center;
}
.home-nav > ul:nth-child(3) li:nth-child(2) {
  margin-left: 5rpx;
}
.home-nav > ul:nth-child(3) {
  width: 340rpx;
  margin: 0 auto;
  margin-top: 40rpx;
}
.home-nav > div:nth-child(4) {
  width: 690rpx;
  height: 80rpx;
  background: #fff;
  border-radius: 40rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: -15rpx;
}
.home-nav > div:nth-child(4) input {
  width: 530rpx;
  margin: 0 auto;
  color: #fff;
  font-size: 25rpx;
}
.placeholder {
  color: #fff;
  font-size: 25rpx;
}
.home-nav > div:nth-child(4) span {
  display: inline-block;
  background: #000;
  width: 100rpx;
  height: 80rpx;
  border-radius: 0 40rpx 40rpx 0;
  background: url("http://www.zhaoshengku.net/wx-ss.png") no-repeat;
  background-size: 40rpx 40rpx;
  background-position: 25rpx 20rpx;
}
.imgS {
  width: 15rpx;
  height: 22rpx;
  margin-right: 10rpx;
}
/* nav模块结束 */
/* 根div */
.home-die {
  background: #eee;
  height: 100%;
  position: relative;
}
/* 根结束 */
.home_list {
  position: absolute;
  z-index: 2222;
  background: #fff;
  border-radius: 10rpx;
  width: 690rpx;
  box-sizing: border-box;
  padding-left: 20rpx;
  left: 30rpx;
  top: 410rpx;
}
.home_list > ul > li {
  height: 100rpx;
  line-height: 100rpx;
}
.span_input_p {
  width: 100%;
  display: flex;
  height: 60rpx;
  margin: 10rpx 0;
}
.span_input_p > .span_p {
  display: inline-block;
  width: 130rpx;
  height: 60rpx;
  background: #1aad19;
  line-height: 60rpx;
  text-align: center;
  border-radius: 0 10rpx 10rpx 0;
  color: #fff;
  font-size: 26rpx;
}
.input_p {
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 26rpx;
  font-weight: 400;
  color: #333;
  background: #e5e5e5;
  padding: 0 10rpx;
  border-radius: 10rpx 0 0 10rpx;
}
.home-nav > ul:nth-child(1) > .headerli > div > .headerimg {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}
.home-nav > ul:nth-child(1) > .headerli > div {
  display: flex;
  align-items: center;
  position: relative;
}
.home-nav > ul:nth-child(1) > .headerli > div > span {
  display: inline-block;
  margin-right: 20rpx;
  color: #fff;
  font-size: 24rpx;
  width: 120rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-nav > ul:nth-child(1) > .headerli > div .v_imgsrc {
  position: absolute;
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  top: 40rpx;
  left: 44rpx;
}
.guoqi_time {
  width: 100%;
  height: 72rpx;
  background: url("https://www.zhaoshengku.net/wx-index_bg.png") center center
    no-repeat;
  background-size: 100% 100%;
  font-size: 28rpx;
  font-weight: bold;
  color: rgba(248, 121, 55, 1);
  line-height: 72rpx;
  padding-left: 50rpx;
  box-sizing: border-box;
  position: absolute;
  top: 0rpx;
  left: 0;
}
.hei_dibkuai {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  top: 20rpx;
  right: 40rpx;
  z-index: 222222;
}
.huifydiv .alangto {
  width: 100%;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  font-size: 25rpx;
  color: #666;
}
.li_one_home-zuixin-con {
  position: relative;
}
.home-zuixin-con > div > ul:nth-child(1) > li:nth-child(1) .v_imgsrc {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  position: absolute;
  top: 33rpx;
  left: 35rpx;
}
.loainggss {
  margin-right: -20rpx;
}
.valie_dic_class {
  transform: scale(1.2);
}
.nono_div {
  width: 100%;
  margin: 0 auto;
  font-size: 26rpx;
  color: #666;
  background: #fff;
  text-align: center;
  padding: 100rpx 0;
}
.nono_div img {
  width: 200rpx;
  height: 110rpx;
  vertical-align: middle;
  margin-left: -52rpx;
}
.dianjizhiding {
  width: 80rpx;
  height: 80rpx;
  position: fixed;
  bottom: 50rpx;
  right: 50rpx;
}
.dianjizhiding img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
</style>
